<div class="detailed" id="detailed">
    <div>
        <span class="strong"><span class="back" @click="hide"><img src="back.png" alt=""></span>{{$t('teamMemberDetail')}}</span>
    </div>
    <div class="m-table" style="margin-top: 20px">
        <table>
            <thead>
            <tr >
                <th v-for="item in list " :key="item.name">{{$t(item.name)}}</th>
            </tr>
            </thead>
            <tbody>
            <tr >
                <td v-for="item in list " :key="item.name">{{item.value}}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div v-if="list[3].value!='三级代理'" class="strong">{{$t('lowDetail')}}</div>
    <div v-if="list[3].value!='三级代理'" class="formBorder">
        <div class="time"><span>日期:</span> <input type="date" v-model="lowDate.startTime"> - <input type="date"  v-model="lowDate.endTime"> <button type="button" @click="lowSeleDate">查询</button></div>
        <div style="width:98%;margin:0 auto">
            <div class="m-table" style="margin-top: 20px">
                <table>
                    <thead>
                    <tr >
                        <th v-for="item in lowList " :key="item.name">{{$t(item.name)}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="item in lowListArr " :key="item.x">
                        <td>{{item.uid}}</td>
                        <td>{{item.userName}}</td>
                        <td>{{item.email}}</td>
                        <td>{{item.invitedPerson}}</td>
                        <td>{{item.userAllTradeProfit}}</td>
                        <td>{{item.teamPositionProfit}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <pager :page-no="lowPage.pageNo"
                   :page-size="lowPage.pageSize"
                   :page-num="lowPage.pageNum"
                   :on-page-change="lowChangePage"
                  ></pager>
        </div>
    </div>
    <div class="strong">{{$t('invitationDetail')}}</div>
    <div class="formBorder">
        <div class="time"><span>日期:</span> <input type="date" v-model="inDate.startTime"> - <input type="date" v-model="inDate.endTime"> <button type="button" @click="inSeleDate">查询</button></div>
        <div style="width:98%;margin:0 auto">
            <div class="m-table" style="margin-top: 20px">
                <table>
                    <thead>
                    <tr >
                        <th v-for="item in inList " :key="item.name">{{$t(item.name)}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr  v-for="item in inListArr " :key="item.i">
                        <td>{{item.uid}}</td>
                        <td>{{item.userName}}</td>
                        <td>{{item.email}}</td>
                        <td>{{item.userAllTradeProfit}}</td>
                        <td>{{item.userPositionProfit}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <pager :page-no="inPage.pageNo"
                   :page-size="inPage.pageSize"
                   :page-num="inPage.pageNum"
                   :on-page-change="inChangePage"
            ></pager>
        </div>
    </div>
</div>